阻止click点击事件

您所在的位置：网站首页 › js body click › 阻止click点击事件

阻止click点击事件

2024-07-16 05:22| 来源: 网络整理| 查看: 265

遇到一个屏蔽点击事件，以前一般都是通过js控制，阻止事件，今天看到css加一个样式就能屏蔽，来记录一下

//css禁用鼠标点击事件 .test { pointer-events: none; }

随便其他方法也记下吧

e.stopPropatation||e.cancelBubble = true

jquery禁用a标签

方法1：

$(document).ready(function() { $("a").each(function() { var textValue = $(this).html(); if (textValue == "XX概况" || textValue == "服务导航") { $(this).css("cursor", "default"); $(this).attr('href', '#'); //修改的 href属性值为 # 这样状态栏不会显示链接地址 $(this).click(function(event) { event.preventDefault(); // 如果定义了 target="_blank“ 需要这句来阻止打开新页面 }); } }); });

方法2

$('a.tooltip').live('click', function(event) { alert("抱歉,已停用！"); event.preventDefault(); });

方法3

$(function() { $('.disableCss').removeAttr('href'); //去掉a标签中的href属性 $('.disableCss').removeAttr('onclick'); //去掉a标签中的onclick事件 });

直接控制标签禁用

disabled

【本文地址】

今日新闻

js body click

阻止click点击事件

阻止click点击事件

今日新闻

推荐新闻